<script setup lang="ts">
import { tools } from "@/constants";
</script>

<template>
    <div class="group">
        <h3>快捷工具</h3>
        <van-cell v-for="(item, i) in tools" :key="item.label" :title="item.label" :to="item.path" is-link :border="false">
            <template #icon>
                <svg-icon :svg-name="`tool-0${i + 1}`" />
            </template>
        </van-cell>
    </div>

</template>

<style scoped lang="scss">
.group {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;

    h3 {
        padding-left: 16px;
        line-height: 44px;
    }

    .van-cell {
        align-items: center;
    }
    svg{
        margin-right: 10px;
    }
}
</style>
